<%include("/template/common/include/head-system.html"){}%>
<html>
	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<title>中国电信</title>
        <script src="${RESOURCE_HOST}/js/jquery-1.8.3.min.js"></script>
        <script src="${RESOURCE_HOST}/js/DES3.js"></script>
		<script src="${RESOURCE_HOST}/js/echarts.min.js"></script>
		<script src="${RESOURCE_HOST}/js/webser.js"></script>
		<script src="${RESOURCE_HOST}/js/md5.js"></script>
		<script src="${RESOURCE_HOST}/js/mobileSelect.js"></script>
		<script src="${RESOURCE_HOST}/js/sys.js"></script>
		<script src="${RESOURCE_HOST}/js/trag.js"></script>
		<script src="${RESOURCE_HOST}/js/watermark.js"></script>
		<link rel="stylesheet" type="text/css" href="${RESOURCE_HOST}/css/01.css"/>
	</head>
	<!-- <style type="text/css">
		html{
			font-size:13.333vw;
		}
	</style> -->
	<body>
		<!-- 头部 -->
		<header id="header1" class="mui-bar mui-bar-nav">
			<img class="zhongguodianxin-2" src="${RESOURCE_HOST}/img/zhongguodianxin-2.png" >

            <div id="header1_f">
				<p>营业厅发展评估报告</p>
				<p id="m">7月</p>
				
			</div>
		</header>
		<!-- 主体 -->


		<section id="section_0">
            <div class="sel">
                <select id="sel" >
                </select>
            </div>
			
			<div id="section_1">
				<p>积分发展情况</p>
			</div>
			
			<div id="section_2">
				<p id="p_1">徐州铜山三堡镇胜阳营业厅：您本月积分<span id="f1">3344</span>分，战胜全区<span id="QD">345</span>个渠道</p>
				<!-- 小标题盒子 -->
				<div id="section_2_1" class="xbt">
					<img class="tp1" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%202.png" >
					<p class="p_2">总积分(分)</p>
				</div>
				<div id="section_2_2">
					<div id="section_2_2_1">
						<p class="span_1">6月总积分</p>
						<p class="span_2">345</p>
					</div>
					<div id="section_2_2_2">
						<p class="span_1">7月总积分</p>
						<p class="span_2">567</p>
					</div>
				</div>
				<div id="section_2_3">
					<img class="tp1" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%202.png" >
					<p class="p_2">发展积分(分)</p>
				</div>
				<!-- echarts 横向 -->
				<div id="main01" class="ECharts" style="width: 42.5rem;height:35rem;"></div>
				<div  class="xbt">
					<img class="tp2" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%202.png" >
					<p class="p_2">存量积分(分)</p>
				</div>
				<!-- echarts 横向 -->
				<div id="main02" class="ECharts" style="width: 42.5rem;height:14.7rem;"></div>
				<div  class="xbt">
					<img class="tp2" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%202.png" >
					<p class="p_2">追溯积分(分)</p>
				</div>
				<!-- echarts 横向 -->
				<div id="main03" class="ECharts" style="width: 42.5rem;height: 12.9rem;"></div>
			</div>
			<div id="section_3">
				<p>重点产品发展情况</p>
			</div>
			<div id="section_4">
				<!-- 小标题盒子 -->
				<div id="section_4_1" class="xbt">
					<img class="tp3" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%203.png" >
					<p class="p_2">天翼宽带电视发展(户)</p>
				</div>
				<!-- echarts -->
				<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
				<div id="main" class="ECharts" style="width: 41.4rem;height:22.4rem;"></div>
				<div id="main2" class="ECharts" style="width: 41.4rem;height:17.5rem;"></div>
				<div class="xbt">
					<img class="tp4" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%201.png" >
					<p class="p_2">5G套餐发展(户)</p>
				</div>
				<!-- echarts -->
				<div id="main3" class="ECharts" style="width: 41.4rem;height:24rem;"></div>
				<div  class="xbt">
					<img class="tp4" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%201.png" >
					<p class="p_2">5G终端发展</p>
				</div>
				<!-- echarts 圆弧 -->
				<div id="main001" class="ECharts" style="width: 41.4rem;height:22.4rem;"></div>
				<div  class="xbt">
					<img class="tp2" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%201.png" >
					<p class="p_2">橙分期发展(户)</p>
				</div>
				<!-- echarts 圆弧 -->
				<div id="main002" class="ECharts" style="width: 41.4rem;height:24.2rem;"></div>
				<div  class="xbt">
					<img class="tp4" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%201.png" >
					<p class="p_2">橙分期加载率</p>
				</div>
				<!-- echarts 圆弧 -->
				<div id="main003" class="ECharts" style="width: 41.4rem;height:23.3rem;"></div>
				<div  class="xbt">
					<img class="tp4" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%201.png" >
					<p class="p_2">橙分期5G终端占比</p>
				</div>
				<!-- echarts 圆弧 -->
				<div id="main004" class="ECharts" style="width: 41.4rem;height:19.3rem;"></div>
				<div  class="xbt">
					<img class="tp4" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%201.png" >
					<p class="p_2">智慧家庭发展(户)</p>
				</div>
				<!-- echarts -->
				<div id="main4" class="ECharts" style="width: 41.4rem;height:22.4rem;"></div>
				<div  class="xbt">
					<img class="tp4" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%201.png" >
					<p class="p_2">小业务发展(户)</p>
				</div>
				<!-- echarts -->
				<div id="main005" class="ECharts" style="width: 41.4rem;height:26.2rem;"></div>
			</div>
			<div id="section_5">
				<p>门店经营要素</p>
			</div>
			<div id="section_6">
				<!-- 小标题盒子 -->
				<div id="section_6_1" class="xbt">
					<img class="tp4" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%203.png" >
					<p class="p_2">门店销售组织情况</p>
				</div>
				<!-- echarts 上下-->
				<div id="main7" class="ECharts" style="width: 39.1rem;height:19.6rem;"></div>
				<!-- echarts -->
				<div id="main5" class="ECharts" style="width: 40.6rem;height:24.3rem;"></div>
				<div id="main6" class="ECharts" style="width: 39.1rem;height:20.4rem;"></div>
				<div class="xbt">
					<img class="tp5" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%203.png" >
					<p class="p_2">门店基础管理情况</p>
				</div>
				<div id="section_6_2">
					<table border="1px" cellspacing="0" cellpadding="1rem" id="StoreForm">
						<!-- <tr><th>Header</th></tr> -->
						<!-- <tr><td>Data</td></tr> -->
						<tr>
							<td>厅店环境扣分</td>
							<td style="text-align: right;background-color: #c3e0e9;">12%</td>
							<td>是否参加政策培训会</td>
							<td style="text-align: right;background-color: #c3e0e9;">否</td>
						</tr>
						<tr>
							<td>业务规范扣分</td>
							<td style="text-align: right;background-color: #c3e0e9;">10</td>
							<td>终端上柜扣分</td>
							<td style="text-align: right;background-color: #c3e0e9;">150</td>
						</tr>
						<tr>
							<td>服务规范扣分</td>
							<td style="text-align: right;background-color: #c3e0e9;">0</td>
							<td>5G专柜扣分</td>
							<td style="text-align: right;background-color: #c3e0e9;">150</td>
						</tr>
						<tr>
							<td>是否参加收益分析会</td>
							<td style="text-align: right;background-color: #c3e0e9;">否</td>
							<td>智家体验区扣分</td>
							<td style="text-align: right;background-color: #c3e0e9;">10</td>
						</tr>
					</table>
				</div>
				<div  class="xbt">
					<img class="tp5" src="${RESOURCE_HOST}/img/多边形%201%20拷贝%201.png" >
					<p class="p_2">门店人员情况</p>
				</div>
				<div id="section_6_3">
					<img src="${RESOURCE_HOST}/img/组%2014.png" >
					<div id="fd">
						<div id="section_6_3_1">
							<p>营业员最低配置要求</p>
							<p id="s1"><span >1</span>人<
						</div>
						<div id="section_6_3_2">
							<p>营业员实际人数</p>
							<p id="s2"><span >1</span>人<
						</div><div id="section_6_3_1">
							<p>技能考试成绩合格人数</p>
							<p id="s3"><span >1</span>人<
						</div><div id="section_6_3_1">
							<p>协销达标人数</p>
							<p id="s4"><span >1</span>人<
						</div>
					</div>
				</div>
			</div>
			<div id="section_7">
				<p>短板总结和建议</p>
			</div>
			<div id="section_8">
				<div id="section_8_1">
					<!-- <img src="img/矩形%2014%20拷贝%203.png" > -->
					<div id="section_8_1_1">
						<div class="nrbt">
							<img src="${RESOURCE_HOST}/img/椭圆 3.png" >
							<p>业务发展短板</p>
						</div>
						
						<div id="section_8_1_1_1">
							<ul >
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602.png" ></span><span>天翼、宽带环比、电视基础业务发展不足，请积极开展店内、店外销售活动增加基础业务销量</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602.png" ></span><span>智慧家庭产品销量不足，请关注新装用户与存量续约、升档用户智家产品的加载</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602.png" ></span><span>天翼看家销量低，请关注新装宽带用户与存量宽带用户的加载</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602.png" ></span><span>橙分期销量不足，请丰富产品包装在业务新装和升档时提升橙分期业务的加载</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602.png" ></span><span>5G套餐销量不足，请在业务新装时与存量用户续约、升档时加大5G业务推荐</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602.png" ></span><span>5G终端发展不足，请关注第一界面5G终端首推同时开展存量外呼，引导5G套餐用户换机</span></li>
								
							</ul>
						</div>
						<div class="nrbt">
							<img src="${RESOURCE_HOST}/img/圆角矩形%204.png" >
							<p>经营要素短板</p>
						</div>
						<div id="section_8_1_1_2">
							<ul >
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>外场活动没有规范开展，建议每周按要求、按实际参加外场活动，提升积分发展</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>有效外呼数量少，建议通过优化外呼话术，合理安排时间增加有效外呼数量</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>企业微信连接数少，建议通过线上、线上多途径增加企业微信好友</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>电信小店订单量少，建议加大小店产品推荐力度，关注规定动作执行，提升小店产品发展量</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>电信小店转发数量少，建议每天通过朋友圈、社群转发电信小店业务</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>营业员配置不足，请按照人员配置标准进行人员增配</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>营业员业务技能不足，请提升营业员产品政策知晓、业务受理技能</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>营业员销量不达标，请提升营业员销售能力，增加业务员销量</span></li>
								<li type="none"><span><img src="${RESOURCE_HOST}/img/方块形卡%20602%20拷贝%208.png" ></span><span>请门店负责人每月参加收益分析会和政策培训会</span></li>
							</ul>
							
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- 底部 -->
		<footer id="footer_0">
			<div id="footer">
				<div id="footer_1">
					<p id="footer_p1">渠道运营中心</p>
					<p id="footer_p2">2020年9月</p>
				</div>
			</div>
		</footer>
		
		<script type="text/javascript">
			

			
			//渠道个数 qdqw-empl
                var url = BASE_API_URL+'qdqw_empl?phone='+${decrrypt}
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    user_id = dataArray[0].USEID;
                    var html5 = "";
                    for (var i = 0;i< len;i++) {
                    	html5 += '<option id="btn" value ="">'+dataArray[i].DEPTNM+'</option>';
                    	$('#sel').html(html5);

                }
               
                
                var mySelect = document.getElementById('sel');
                
                var text = $("#sel").find("option:selected").text();
                
                
                for (var i = 0;i< len;i++) {
  				if(text==dataArray[i].DEPTNM){
  					DEPTID = dataArray[i].DEPTID
  				}
  				}
                //qdqw_chnl_point_detail 渠道名称
                var url = BASE_API_URL+'qdqw_chnl_point_detail?user_id='+user_id+'&DEPTID='+DEPTID//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    console.log("渠道名称"+dataArray);
                    var data = new Array();
                    var str  =  new Array();
                    var str2 = new Array();
                    var str3  =  new Array();
                    var str4 = new Array();
                    var str5 = new Array();
                    var str6 = new Array("yyyy-MM");
                    var html="";
                    var html2="";
                    var html3="";
                    var html4="";
                    var html5="";
                    var DATA = new Date();





                    for (var i = 0;i< len;i++) {
                    	if(i==0){
						data.push(dataArray[i].CLNDRDT);
						//dataArray[i].JFCOUNT总积分
                    	str.push(dataArray[i].CDMAJF);//天翼发展积分
                    	str.push(dataArray[i].KDJF);//宽带发展积分
                    	str.push(dataArray[i].ITVJF);//TV发展积分
                    	str.push(dataArray[i].ZNZWJF);//智能组网发展积分
                    	str.push(dataArray[i].XYWJF);//小业务发展积分
                    	
                    	str3.push(dataArray[i].BNXJF);//包年续费积分
                    	str3.push(dataArray[i].JZTS5G);//价值提升5G积分
                    	str5.push(dataArray[i].ZSJF);//追溯积分

                            html+=
                                '<p class="span_1">'+dataArray[i].CLNDRDT+'总积分</p>'+
                                '<p class="span_2">'+dataArray[i].JFCOUNT+'</p>';
                                $('#section_2_2_1').html(html);
                    	}else if(i==1){
                    	data.push(dataArray[i].CLNDRDT);
                    	
                    	str2.push(dataArray[i].CDMAJF);//天翼发展积分
                    	str2.push(dataArray[i].KDJF);//宽带发展积分
                    	str2.push(dataArray[i].ITVJF);//TV发展积分
                    	str2.push(dataArray[i].ZNZWJF);//智能组网发展积分
                    	str2.push(dataArray[i].XYWJF);//小业务发展积分
                    	str4.push(dataArray[i].BNXJF);//包年续费积分
                    	str4.push(dataArray[i].JZTS5G);//价值提升5G积分
                    	str6.push(dataArray[i].ZSJF);//追溯积分

                            html2+=
                                '<p class="span_1">'+dataArray[i].CLNDRDT+'总积分</p>'+
                                '<p class="span_2">'+dataArray[i].JFCOUNT+'</p>';
                                $('#section_2_2_2').html(html2);

                            html5='<p id="p_1">'+dataArray[i].AREANM+'：您本月积分<span id="f1">'+dataArray[i].JFCOUNT+'</span>分，战胜全区<span id="QD">'+dataArray[i].PH+'</span>个渠道</p>';
                            $('#p_1').html(html5);
                            var m=dataArray[i].CLNDRDT.substr(4);
                            var html6 ='<p id="m">'+m+'月</p>';
                            $('#m').html(html6);
                            console.log("日期"+m);

                            var html7 ='<p id="footer_p2">'+m+'月</p>';
                            $('#footer_p2').html(html7);
                    	}


                    	
                    }


                    /*let date = new Date()
					var m=dateFormat("YYYYmm", date)
                    if(m==dataArray[0].CLNDRDT){*/

                    /*}else {
                    	html5='<p id="p_1">'+dataArray[1].AREANM+'：您本月积分<span id="f1">'+dataArray[1].JFCOUNT+'</span>分，战胜全区<span id="QD">'+dataArray[1].PH+'</span>个渠道</p>';
                    $('#p_1').html(html5);
                    }*/
                    
                    





			var myChart01 = echarts.init(document.getElementById('main01'));
			var option01 = {
			    title: {
			        /*text: '产品进度表',*/
			        // link:'https://docs.qq.com/sheet/DUkhwZ1hqakxkZmt2?c=P9A0A0',
			        show: true,
			        left: 'center',
			        textStyle: {
			            color: '5588dd'
			        }
			    },
			    legend: {
			        y: 'top',
			        x: 'right',
			        data: data
			
			    },
			    grid: {
			        containLabel: true,
			        left: 0,
			        top: 20,
			        bottom: 0,
			    },
			    xAxis: {
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            show: false
			        },
			        splitLine: {
			            show: false
			        },
			        axisTick: {
			            show: false
			        }
			        // data:{},
			    },
			
			    yAxis: {
			        axisTick: {
			            show: false
			        },
			        splitNumber: 2,
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            "textStyle": {
			                "color": "black",
			                "fontSize": "9"
			            },
			            margin: 10
			        },
			
			        data: ['小业务发展积分', '智能组网发展积分', '电视发展积分', '宽带发展积分', '天翼发展积分']
			
			    },
			    series: [{
			            name: data[0],
			            type: 'bar',
			            stack: 'test1',
			            barWidth: '10',
			            barCategoryGap: '80%',
			            label: {
			                normal: {
			                    show: true,
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方2
			            itemStyle: {
			                normal: {
			                    fontSize: 26,
			                    color: '#33a3f2',
			                    barBorderRadius: [0, 30, 30, 0]
			                }
			            },
			            data: str.reverse()
			        },
			        {
			            name: data[1],
			            type: 'bar',
			            // stack: 'test2',
			            barWidth: '10',
			            barGap: '50%',
			            label: {
			                normal: {
			                    show: true,
			                    // fontSize:'20',
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方3
			            itemStyle: {
			                normal: {
			                    color: '#fad242',
			                    barBorderRadius: [0, 30, 30, 0]
			                }
			            },
			            data: str2.reverse()/*[
			                55,
			                65,
			                40,
			                50,
			                18,
			            ]*/
			        }
			    ]
			}
			myChart01.setOption(option01);
			
			var myChart02 = echarts.init(document.getElementById('main02'));
			var option02 = {
			    title: {
			        /*text: '产品进度表',*/
			        // link:'https://docs.qq.com/sheet/DUkhwZ1hqakxkZmt2?c=P9A0A0',
			        show:true,
			        left: 'center',
			        textStyle:{
			            color:'5588dd'
			        }
			    },
			    legend: {
			        y: 'top',
			        x:'right',
			        data: data 
			 
			    },
			    grid: {
			        containLabel: true,
			        left: 0,
			        top:20,
					bottom:0,
			    },
			    xAxis: {
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            show: false,
			        },
			         splitLine: {
			            show: false
			        },
			        axisTick:{
			            show: false
			        }
			        // data:{},
			    },
			 
			    yAxis: {
			        axisTick:{
			            show: false
			        },
			        splitNumber:2,
			        axisLine: {
			            show: false,
			        },
					axisLabel: {
					    "textStyle": {
					        "color": "black",
					        "fontSize": "9"
					    },
					    margin: 20
					},
			        data: ['价值提升积分', '包年续费积分']

			    },
			    series: [
			        {
			            name: data[0],
			            type: 'bar',
			            stack: 'test1',
			            barWidth:'10',
			            barCategoryGap:'80%',
			            label:{
			                normal: {
			                    show: true,
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方2
			            itemStyle: {
			                normal: {
			                    color: '#33a3f2',
			                    barBorderRadius: [0,30,30,0]
			                }
			            },
			            data: str3.reverse() /*[
			               20,
			                40,
			               60,
			               10,
			                50,
			            ]*/
			        },
			        {
			            name: data[1],
			            type: 'bar',
			            // stack: 'test2',
			            barWidth:'10',
			            barGap:'50%',
			            label:{
			                normal: {
			                    show: true,
			                    // fontSize:'20',
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方3
			            itemStyle: {
			                normal: {
			                    color: '#fad242',
			                    barBorderRadius: [0,30,30,0]
			                }
			            },
			            data:str4.reverse() /*[
			                55,
			                52,
			               40,
			                50,
			                18,
			            ]*/
			        }
			    ]
			}
			
			myChart02.setOption(option02);
			
			var myChart03 = echarts.init(document.getElementById('main03'));
			var option03 = {
			    title: {
			        /*text: '产品进度表',*/
			        // link:'https://docs.qq.com/sheet/DUkhwZ1hqakxkZmt2?c=P9A0A0',
			        show:true,
			        left: 'center',
			        textStyle:{
			            color:'5588dd'
			        }
			    },
			    legend: {
			        y: 'top',
			        x:'right',
			        data: data/*['6月', '7月'] */
			 
			    },
			    grid: {
			        containLabel: true,
			        left: 0,
			        top:20,
					bottom:0,
			    },
			    xAxis: {
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            show: false,
			        },
			         splitLine: {
			            show: false
			        },
			        axisTick:{
			            show: false
			        }
			        // data:{},
			    },
			 
			    yAxis: {
			        axisTick:{
			            show: false
			        },
			        splitNumber:2,
			        axisLine: {
			            //y轴
			            show: false,
			        },
					axisLabel: {
					    "textStyle": {
					        "color": "black",
					        "fontSize": "9"
					    },
					    margin: 20
					},
			        data: ['追溯积分']
			 
			    },
			    series: [
			        {
			            name: data[0],
			            type: 'bar',
			            stack: 'test1',
			            barWidth:'10',
			            barCategoryGap:'80%',
			            label:{
			                normal: {
			                    show: true,
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方2
			            itemStyle: {
			                normal: {
			                    color: '#33a3f2',
			                    barBorderRadius: [0,30,30,0]
			                }
			            },
			            data: str5
			        },
			        {
			            name: data[1],
			            type: 'bar',
			            // stack: 'test2',
			            barWidth:'10',
			            barGap:'50%',
			            label:{
			                normal: {
			                    show: true,
			                    // fontSize:'20',
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方3
			            itemStyle: {
			                normal: {
			                    color: '#fad242',
			                    barBorderRadius: [0,30,30,0]
			                }
			            },
			            data: str6/*[
			               
			                18,
			            ]*/
			        }
			    ]
			}
			
			myChart03.setOption(option03);
			
			});
			
			var url = BASE_API_URL+'qdqw_pd_list?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    console.log(dataArray);
                    var str = new Array();
                    var str2 = new Array();
                    var data = new Array();
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].CDMAXZ);
                    	str.push(dataArray[i].KDXZ);
                    	str.push(dataArray[i].ITVXZ);
                    	}else if(i==1){
                    		
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].CDMAXZ);
                    	str2.push(dataArray[i].KDXZ);
                    	str2.push(dataArray[i].ITVXZ);
                    	}
                    }
           console.log("+++++++++++++"+str);
           
           
           
           //直角
		       var myChart = echarts.init(document.getElementById('main'));
			var option ={
								// backgroundColor: 'RGB(f,f,f)',
								color: ['RGB(79,109,237)', "RGB(244,144,33)"],
								title: {
							// 		text: '广州市天河区历年高考数学难点分析',
									top: 21,
									left: '21',
									textStyle: {
										fontSize: 20,
										color: '#ffffff'
									}
								},
								animation: true,
								"grid": {
									"top": "67",
									"left": "32",
									"bottom": "15",
									"right": "39",
									"containLabel": true
								},
								"legend":{
									"show":true,
									top: 15,
									right: 26,
									data:data/*['6月','7月']*/,
									textStyle:{
										color: "RGB(0,0,0)"
									}
								},
								"xAxis": [{
									"type": "category",
									"data": ["天翼新增", "宽带新增","ITV新增"],
									"axisTick": {
										"alignWithLabel": true
									},
									"nameTextStyle": {
										"color": "#fff"
									},
									"axisLine": {
										"lineStyle": {
											"color": "RGB(47,68,114)"
										}
									},
									"axisLabel": {
										"textStyle": {
											"color": "black",
											
											"fontSize": "9"
											 
										},
										margin: 20
									}
								}],
								"yAxis": [{
									"show":false,
									"type": "value",
									"axisLabel": {
									    "show":false,
										"textStyle": {
											"color": "white"
										},
										"formatter": "{value}"
									},
									"splitLine": {
										"lineStyle": {
											"type": "dashed",
											"color": "RGB(47,68,114)"
										}
									},
									"axisLine": {
										"show": false,
										 "lineStyle": {
											"color": "RGB(47,68,114)"
										}
									}
								}],
								"series": [{
										name:data[0],
										type: 'bar',
							// 			silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#4f6ded'
										            }
										},
										
										//barGap: '-100%', // Make series be overlap
										"data":str /*[{
											"value": 3
										}, {
											"value": 5
										},{
											"value": 5
										}, {
											"value": 6
										},{
											"value": 1
										}, {
											"value": 6
										}]*/
									},
									{
										name:data[1],
										type: 'bar',
										//silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#f49021'
										            }
										},
										//barGap: '-100%', // Make series be overlap
										"data": str2/*[{
											"value": 5
										}, {
											"value": 2
										},{
											"value": 3
										}, {
											"value": 2
										},{
											"value": 6
										}, {
											"value": 3
										}]*/
									}
								]
							}
           myChart.setOption(option);
           });
           
           //qdqw_pd_tc_list
            	var url = BASE_API_URL+'qdqw_pd_tc_list?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    
                    var str = new Array();
                    var str2 = new Array();
                    var data = new Array();
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].RHCXZK);
                    	str.push(dataArray[i].DZZK);
                    	str.push(dataArray[i].RHKD);
                    	str.push(dataArray[i].DCPKD);
                    	}else if(i==1){
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].RHCXZK);
                    	str2.push(dataArray[i].DZZK);
                    	str2.push(dataArray[i].RHKD);
                    	str2.push(dataArray[i].DCPKD);
                    	console.log("融合畅享主卡新增"+dataArray[i].DCPKD);
                    	}
                    }
                    
                    var myChart2 = echarts.init(document.getElementById('main2'));
					var option2 ={
							// 	backgroundColor: 'RGB(f,f,f)',
								color: ['RGB(79,109,237)', "RGB(244,144,33)"],
								title: {
							// 		text: '广州市天河区历年高考数学难点分析',
									top: 21,
									left: '21',
									textStyle: {
										fontSize: 10,
										color: '#ffffff'
									}
								},
								animation: true,
								"grid": {
									"top": "67",
									"left": "32",
									"bottom": "15",
									"right": "39",
									"containLabel": true
								},
								"legend":{
									"show":false,
									top: 15,
									right: 26,
									data:data,
									textStyle:{
										color: "RGB(193,223,255)"
									}
								},
								"xAxis": [{
									"type": "category",
									"data": ["融合畅享主卡", "低值主卡","融合宽带","单宽带"],
									"axisTick": {
										"alignWithLabel": true
									},
									"nameTextStyle": {
										"color": "#555"
									},
									"axisLine": {
										"lineStyle": {
											"color": "RGB(100,68,114)"
										}
									},
									"axisLabel": {
										"textStyle": {
											"color": "black",
											"fontSize": "8"
										},
										margin: 20
									}
								}],
								"yAxis": [{
									"show":false,
									"type": "value",
									"axisLabel": {
									    "show":false,
										"textStyle": {
											"color": "white"
										},
										"formatter": "{value}"
									},
									"splitLine": {
										"lineStyle": {
											"type": "dashed",
											"color": "RGB(100,200,114)"
										}
									},
									"axisLine": {
										"show": false,
										 "lineStyle": {
											"color": "RGB(47,68,114)"
										}
									}
								}],
								"series": [{
										name:data[0],
										type: 'bar',
							// 			silent: true,
										"barWidth": "20",
                                    label: {
                                        show: true,
                                        position: 'top',
                                        textStyle: {
                                            color: '#4f6ded'
                                        }
                                    },
										//barGap: '-100%', // Make series be overlap
										"data":str /*[{
											"value": 3
										}, {
											"value": 4
										},{
											"value": 5
										}, {
											"value": 3
										},{
											"value": 1
										}, {
											"value": 6
										}]*/
									},
									{
										name:data[1],
										type: 'bar',
										//silent: true,
										"barWidth": "20",
                                        label: {
                                            show: true,
                                            position: 'top',
                                            textStyle: {
                                                color: '#f49021'
                                            }
                                        },
										//barGap: '-100%', // Make series be overlap
										"data": str2/*[{
											"value": 4
										}, {
											"value": 2
										},{
											"value": 3
										}, {
											"value": 2
										},{
											"value": 6
										}, {
											"value": 3
										}]*/
									}
								]
							};
							myChart2.setOption(option2);
                    });
			
			
			var url = BASE_API_URL+'qdqw_5G_dev_list?user_id='+user_id+'&DEPTID='+DEPTID;
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    var str = new Array();
                    var str2 = new Array();
                    var data = new Array();
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].XZ5GMONTHLY);
                    	str.push(dataArray[i].QZ5GNEW);
                    	str.push(dataArray[i].QZ5GOLD);
                    	}else if(i==1){
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].XZ5GMONTHLY);
                    	str2.push(dataArray[i].QZ5GNEW);
                    	str2.push(dataArray[i].QZ5GOLD);
                    	}
                    }
			
			var myChart3 = echarts.init(document.getElementById('main3'));
			var option3 ={
								// backgroundColor: 'RGB(f,f,f)',
								color: ['RGB(79,109,237)', "RGB(244,144,33)"],
								title: {
							// 		text: '广州市天河区历年高考数学难点分析',
									top: 21,
									left: '21',
									textStyle: {
										fontSize: 20,
										color: '#ffffff'
									}
								},
								animation: true,
								"grid": {
									"top": "67",
									"left": "32",
									"bottom": "15",
									"right": "39",
									"containLabel": true
								},
								"legend":{
									"show":true,
									top: 15,
									right: 26,
									data:data,
									textStyle:{
										color: "RGB(0,0,0)"
									}
								},
								"xAxis": [{
									"type": "category",
									"data": ["5G套餐", "其中：新装5G","其中：存量5G"],
									"axisTick": {
										"alignWithLabel": true
									},
									"nameTextStyle": {
										"color": "#fff"
									},
									"axisLine": {
										"lineStyle": {
											"color": "RGB(47,68,114)"
										}
									},
									"axisLabel": {
										"textStyle": {
											"color": "black",
											"fontSize": "9"
										},
										margin: 20
									}
								}],
								"yAxis": [{
									"show":false,
									"type": "value",
									"axisLabel": {
									    "show":false,
										"textStyle": {
											"color": "white"
										},
										"formatter": "{value}"
									},
									"splitLine": {
										"lineStyle": {
											"type": "dashed",
											"color": "RGB(47,68,114)"
										}
									},
									"axisLine": {
										"show": false,
										 "lineStyle": {
											"color": "RGB(47,68,114)"
										}
									}
								}],
								"series": [{
										name:data[0],
										type: 'bar',
							// 			silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#4f6ded'
										            }
										},
										
										//barGap: '-100%', // Make series be overlap
										"data":str
									},
									{
										name:data[1],
										type: 'bar',
										//silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#f49021'
										            }
										},
										//barGap: '-100%', // Make series be overlap
										"data": str2
									}
								]
							};
			
			myChart3.setOption(option3);
			});
			
			
			//智慧家庭发展（户）qywx_zhjt_mon_hz
				var url = BASE_API_URL+'qywx_zhjt_mon_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号

				webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    console.log(dataArray);
                    
                    
                    var data = new Array();
                    
                    for (var i = 0;i< len;i++) {
                    	
                    	if(i==0){
                    		var G = new Array();
						data.push(dataArray[i].CLNDRDT);	
                    	G.push(dataArray[i].ZJ);
                    	G.push(dataArray[i].TYKJ);
                    	G.push(dataArray[i].QFWIFI);
                    	console.log("橙"+G);
                    	}else if(i==1){
                    	var G2 = new Array();
                    	data.push(dataArray[i].CLNDRDT);
                    	G2.push(dataArray[i].ZJ);
                    	G2.push(dataArray[i].TYKJ);
                    	G2.push(dataArray[i].QFWIFI);
                    	console.log("橙"+G2);
                    	}
                    	
                    }
                    
                    var myChart4 = echarts.init(document.getElementById('main4'));
			var option4 ={
								// backgroundColor: 'RGB(f,f,f)',
								color: ['RGB(79,109,237)', "RGB(244,144,33)"],
								title: {
							// 		text: '广州市天河区历年高考数学难点分析',
									top: 21,
									left: '21',
									textStyle: {
										fontSize: 20,
										color: '#ffffff'
									}
								},
								animation: true,
								"grid": {
									"top": "67",
									"left": "32",
									"bottom": "15",
									"right": "39",
									"containLabel": true
								},
								"legend":{
									"show":true,
									top: 15,
									right: 26,
									data:data,
									textStyle:{
										color: "RGB(0,0,0)"
									}
								},
								"xAxis": [{
									"type": "category",
									"data": ["智慧家庭", "其中：天翼看家","其中：全屋WiFi"],
									"axisTick": {
										"alignWithLabel": true
									},
									"nameTextStyle": {
										"color": "#fff"
									},
									"axisLine": {
										"lineStyle": {
											"color": "RGB(47,68,114)"
										}
									},
									"axisLabel": {
										"textStyle": {
											"color": "black",
											"fontSize": "9"
										},
										margin: 20
									}
								}],
								"yAxis": [{
									"show":false,
									"type": "value",
									"axisLabel": {
									    "show":false,
										"textStyle": {
											"color": "white"
										},
										"formatter": "{value}"
									},
									"splitLine": {
										"lineStyle": {
											"type": "dashed",
											"color": "RGB(47,68,114)"
										}
									},
									"axisLine": {
										"show": false,
										 "lineStyle": {
											"color": "RGB(47,68,114)"
										}
									}
								}],
								"series": [{
										name:data[0],
										type: 'bar',
							// 			silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#4f6ded'
										            }
										},
										
										//barGap: '-100%', // Make series be overlap
										"data": G/*[{
											"value": 3
										}, {
											"value": 5
										},{
											"value": 5
										}, {
											"value": 6
										},{
											"value": 1
										}, {
											"value": 6
										}]*/
									},
									{
										name:data[1],
										type: 'bar',
										//silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#f49021'
										            }
										},
										//barGap: '-100%', // Make series be overlap
										"data":G2 /*[{
											"value": 5
										}, {
											"value": 2
										},{
											"value": 3
										}, {
											"value": 2
										},{
											"value": 6
										}, {
											"value": 3
										}]*/
									}
								]
							};
			myChart4.setOption(option4);
			});
			
			
			 //门店销售组织情况 qdqw_qdtg_hz
                var url = BASE_API_URL+'qdqw_qdtg_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;

                    
                    var str = new Array();
                    var str2 = new Array();
                    var str3 = new Array();
                    var str4 = new Array();
                    var str5 = new Array();
                    var html="";
                    var html1="";
                    var html2="";
                    var html3="";
                    var S="";
                    if(dataArray[0].FXH==0){
				        var S='否';
				    }else{
				        var S='是';
				    }
				    var S1="";
				    if(dataArray[0].PXH==0){
				        var S1='否';
				       
				    }else{
				        var S1='是';
				    }
                    for (var i = 0;i< len;i++) {
                    	
                    	str5.push(dataArray[i].YYHDRJTSL);//邀约活动日均提升率
                    	str5.push(dataArray[i].YYHDQQRJTSL);//邀约活动全区日均提升率
                    	str.push(dataArray[i].YXZHS);//有效智呼数
                    	str2.push(dataArray[i].YXZHWCL);//有效智呼完成率
                    	str.push(dataArray[i].QYWXLJS);//企业微信连接数
                    	str2.push(dataArray[i].QYWXLJWCL);//企业微信连接率
                    	str3.push(dataArray[i].DXXDDDL);//电信小店订单量
                    	str3.push(dataArray[i].DXXDDDLMB);
                    	str4.push(dataArray[i].DXXDFXS);//电信小店分享数
                    	str4.push(dataArray[i].DXXDFXSMB);
                    	
                    	html+='<tr>'+
                    	'<td>厅店环境扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].HJKF+'</td>'+
                    	'<td>是否参加政策培训会</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+S1+'</td>'+
                    	'</tr>'+
                    	'<tr>'+
                    	'<td>业务规范扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].YWGFKF+'</td>'+
                    	'<td>终端上柜扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].ZDSGKF+'</td>'+
                    	'</tr>'+
                    	'<tr>'+
                    	'<td>服务规范扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].FWGFKF+'</td>'+
                    	'<td>5G专柜扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].ZGKF5G+'</td>'+
                    	'</tr>'+
                    	'<tr>'+
                    	'<td>是否参加收益分析会</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+S+'</td>'+
                    	'<td>智家体验区扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].ZJTYQKF+'</td>'
                    	'</tr>';
                 
                    }
                    html1=
                    	'<span>'+dataArray[0].YYYBZRS+'</span>';
       					html2=
                    	'<span>'+dataArray[0].YYRS+'</span>';
                    	html3=
                    	'<span>'+dataArray[0].JNKSCJHGS+'</span>';
                    	html4=
                    	'<span>'+dataArray[0].XXDBS+'</span>';
                     $('#StoreForm').html(html); 
           				$('#s1').html(html1); 
           				$('#s2').html(html2); 
                    $('#s3').html(html3);
                    $('#s4').html(html4);
                   
                   
				    var myChart5 = echarts.init(document.getElementById('main5'));
					var option5 ={
												// backgroundColor: 'RGB(f,f,f)',
												color: ['#1ac2a4', "#fac261"],
												title: {
											// 		text: '广州市天河区历年高考数学难点分析',
													top: 21,
													left: '21',
													textStyle: {
														fontSize: 20,
														color: '#ffffff'
													}
												},
												animation: true,
												"grid": {
													"top": "67",
													"left": "32",
													"bottom": "15",
													"right": "39",
													"containLabel": true
												},
												"legend":{
													"show":true,
													top: 15,
													right: 26,
													data:['当月目标','当月完成'],
													textStyle:{
														color: "RGB(0,0,0)"
													}
												},
												"xAxis": [{
													"type": "category",
													"data": ["有效智呼数", "企业微信连接数"],
													"axisTick": {
														"alignWithLabel": true
													},
													"nameTextStyle": {
														"color": "#fff"
													},
													"axisLine": {
														"lineStyle": {
															"color": "RGB(47,68,114)"
														}
													},
													"axisLabel": {
														"textStyle": {
															"color": "black",
															"fontSize": "9"
														},
														margin: 20
													}
												}],
												"yAxis": [{
													"show":false,
													"type": "value",
													"axisLabel": {
													    "show":false,
														"textStyle": {
															"color": "white"
														},
														"formatter": "{value}"
													},
													"splitLine": {
														"lineStyle": {
															"type": "dashed",
															"color": "RGB(47,68,114)"
														}
													},
													"axisLine": {
														"show": false,
														 "lineStyle": {
															"color": "RGB(47,68,114)"
														}
													}
												}],
												"series": [{
														name:'当月目标',
														type: 'bar',
											// 			silent: true,
														"barWidth": "20",
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#1ac2a4'
														            }
														},
														//barGap: '-100%', // Make series be overlap
														"data":str2 /*[{
															"value": 3
														}, {
															"value": 5
														},{
															"value": 5
														}, {
															"value": 6
														},{
															"value": 1
														}, {
															"value": 6
														}]*/
													},
													{
														name:'当月完成',
														type: 'bar',
														//silent: true,
														"barWidth": "20",
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fac261'
														            }
														},
														//barGap: '-100%', // Make series be overlap
														"data":str /*[{
															"value": 3
														}, {
															"value": 2
														},{
															"value": 3
														}, {
															"value": 2
														},{
															"value": 6
														}, {
															"value": 3
														}]*/
													}
												]
											};
				            myChart5.setOption(option5); 
				            
				            var myChart6 = echarts.init(document.getElementById('main6'));
							var option6 ={
												// backgroundColor: 'RGB(f,f,f)',
												color: ['#1ac2a4', "#fac261"],
												title: {
											// 		text: '广州市天河区历年高考数学难点分析',
													top: 21,
													left: '21',
													textStyle: {
														fontSize: 20,
														color: '#ffffff'
													}
												},
												animation: true,
												"grid": {
													"top": "67",
													"left": "32",
													"bottom": "15",
													"right": "39",
													"containLabel": true
												},
												"legend":{
													"show":true,
													top: 15,
													right: 26,
													data:['当月目标','当月完成'],
													textStyle:{
														color: "RGB(0,0,0)"
													}
												},
												"xAxis": [{
													"type": "category",
													"data": ["小店分享量", "小店订单量"],
													"axisTick": {
														"alignWithLabel": true
													},
													"nameTextStyle": {
														"color": "#fff"
													},
													"axisLine": {
														"lineStyle": {
															"color": "RGB(47,68,114)"
														}
													},
													"axisLabel": {
														"textStyle": {
															"color": "black",
															"fontSize": "9"
														},
														margin: 20
													}
												}],
												"yAxis": [{
													"show":false,
													"type": "value",
													"axisLabel": {
													    "show":false,
														"textStyle": {
															"color": "white"
														},
														"formatter": "{value}"
													},
													"splitLine": {
														"lineStyle": {
															"type": "dashed",
															"color": "RGB(47,68,114)"
														}
													},
													"axisLine": {
														"show": false,
														 "lineStyle": {
															"color": "RGB(47,68,114)"
														}
													}
												}],
												"series": [{
														name:'当月目标',
														type: 'bar',
											// 			silent: true,
														"barWidth": "20",
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#1ac2a4'
														            }
														},
														//barGap: '-100%', // Make series be overlap
														"data": str3/*[{
															"value": 3
														}, {
															"value": 5
														},{
															"value": 5
														}, {
															"value": 6
														},{
															"value": 1
														}, {
															"value": 6
														}]*/
													},
													{
														name:'当月完成',
														type: 'bar',
														//silent: true,
														"barWidth": "20",
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fac261'
														            }
														},
														
														//barGap: '-100%', // Make series be overlap
														"data": str4/*[{
															"value": 3
														}, {
															"value": 2
														},{
															"value": 3
														}, {
															"value": 2
														},{
															"value": 6
														}, {
															"value": 3
														}]*/
													}
												]
											};
											myChart6.setOption(option6);
											
			var myChart7 = echarts.init(document.getElementById('main7'));
			var option7 = {
						    title: {
						        text: '外场活动提升率',
						        top: 0,
						        left: 'center',
						        textStyle: {
						            fontSize: 12,
						            color: '#333333'
						        }
						    },
						    color: ['#1ac2a4'],
						    backgroundColor: '#fff',
						    grid: {
						        top: '20%',
						        right: '10%',
						        left: '10%',
						        bottom: '20%'
						    },
						    xAxis: [{
						        type: 'category',
						        color: '#59588D',
						        data: ['门店', '全区'],
						        axisLabel: {
						            margin: 20,
						            color: '#999',
						            textStyle: {
						                fontSize: 10
						            },
						        },
						        axisLine: {
						            lineStyle: {
						                color: 'rgba(107,107,107,0.37)',
						            }
						        },
						        axisTick: {
						            show: false
						        },
								axisLabel: {
									textStyle: {
									    
										color: "black",
										fontSize: 12
									},
									margin: 20
								},
								
						    }],
						    yAxis: [{
						        axisLabel: {
						            'show': false,
						            formatter: '{value}%',
						            color: '#999',
						            textStyle: {
						                fontSize: 18
						            },
						        },
						        axisLine: {
						            'show': false,
						            lineStyle: {
						                color: 'rgba(107,107,107,0.37)',
						            }
						        },
						        axisTick: {
						            show: false
						        },
						        splitLine: {
						            'show': false,
						            lineStyle: {
						                color: '#bac7cb',
						                type: 'dashed',
						            }
						        }
						    }],
						    series: [{
						            type: 'bar',
						            data: str5,
						            barWidth: '40px',
						            itemStyle: {
						                normal: {
						
						                    // barBorderRadius: [30, 30, 0, 0]
						                },
						            },
						            label: {
						                normal: {
						                    show: true,
						                    fontSize: 18,
						                    fontWeight: 'bold',
						                    color: '#1ac2a4',
						                    position: 'top',
						                }
						            }
						        }
						        // ,{
						        //     data: [48, 40, 10, -6],
						        //     type: 'line',
						        //     smooth: true,
						        //     name: '折线图',
						        //     symbol: 'none',
						        //     lineStyle: {
						        //         color: '#3275FB',
						        //         width: 4,
						        //         shadowColor: 'rgba(0, 0, 0, 0.3)',//设置折线阴影
						        //         shadowBlur: 15,
						        //         shadowOffsetY: 20,
						        //     }
						        // }
						    ]
						};
						myChart7.setOption(option7);
                });    
                
                var url = BASE_API_URL+'qdqw_5Gzd_percent_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    
                    
                    
                    var data = new Array();
                    
                    
                    for (var i = 0;i< len;i++) {
					
                    	if(i==0){
                    	var str = new Array();
                    	
                    	
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push((dataArray[i].ZD5GPERCENT).toFixed(2)*100);
                    	str.push((dataArray[i].TCZD5GPERCENT).toFixed(2)*100);

                    	}else if(i==1){
                    	var str2 = new Array();
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push((dataArray[i].ZD5GPERCENT).toFixed(2)*100);
                    	str2.push((dataArray[i].TCZD5GPERCENT).toFixed(2)*100);

                    	}
                    }
			
			
			//圆弧
			var myChart001 = echarts.init(document.getElementById('main001'));
			var option001 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: data,
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": ["5G终端占比%", "5G终端5G套餐匹配率%"],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize": "9"
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            "show": false,
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [{
											            name: data[0],
											            type: 'bar',
											            // 			silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
																// show: true,
											                    color: '#417ff9',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#417ff9'
														            }
														},
											            "data": str
											        },
											        {
											            name: data[1],
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str2 /*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
			myChart001.setOption(option001);
			}); 
			
			//橙分期发展户
                var url = BASE_API_URL+'qdqw_cfq_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    
                    var str = new Array();
                    var str2 = new Array();
                    
                    
                    var str5 = new Array();
                    var data = new Array();

                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    		var str3 = new Array();
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].RHCFQ);
                    	str.push(dataArray[i].DCPCFQ);
                    	str3.push((dataArray[i].RHJZL).toFixed(2)*100);
                    	str3.push((dataArray[i].DCPJZL).toFixed(2)*100);
                    	str5.push((dataArray[i].CFQ5GZB).toFixed(2)*100);
                    	console.log("11111111===="+dataArray[i].RHJZL);
                    	}else if(i==1){
                    		var str4 = new Array();
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].RHCFQ);
                    	str2.push(dataArray[i].DCPCFQ);
                    	str4.push((dataArray[i].RHJZL).toFixed(2)*100);
                    	str4.push((dataArray[i].DCPJZL).toFixed(2)*100);
                    	str5.push((dataArray[i].CFQ5GZB).toFixed(2)*100);
                    	console.log("橙分期发展户"+dataArray[i].CFQ5GZB);
                    	console.log(dataArray[i].DCPJZL);
                    	}
                    }
                    
                    var myChart002 = echarts.init(document.getElementById('main002'));
			        var option002 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: data,
											        
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": ["融合橙分期", "单产品橙分期"],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize": "9"
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            
											            "show": false,
											            "lineStyle": {
											                
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [{
											            name: data[0],
											            type: 'bar',
											            // 			silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
											                    
											                    color: '#417ff9',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#417ff9'
														            }
														},
											            "data": str/*[{
											                "value": 3
											            }, {
											                "value": 5
											            }, {
											                "value": 5
											            }, {
											                "value": 6
											            }, {
											                "value": 1
											            }, {
											                "value": 6
											            }]*/
											        },
											        {
											            name: data[1],
											            
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str2/*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
			myChart002.setOption(option002);
			
			var myChart003 = echarts.init(document.getElementById('main003'));
			var option003 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: data,
											        
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": ["融合加载率%", "单产品加载率%"],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize": "9"
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            
											            "show": false,
											            "lineStyle": {
											                
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [{
											            name: data[0],
											            type: 'bar',
											            // 			silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
											                    
											                    color: '#417ff9',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#417ff9'
														            }
														},
											            "data": str3/*[{
											                "value": 3
											            }, {
											                "value": 5
											            }, {
											                "value": 5
											            }, {
											                "value": 6
											            }, {
											                "value": 1
											            }, {
											                "value": 6
											            }]*/
											        },
											        {
											            name: data[1],
											            
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str4/*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
				myChart003.setOption(option003);
				
				var myChart004 = echarts.init(document.getElementById('main004'));
			var option004 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: ['', ''],
											        
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": [data[0], data[1]],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize": "9"
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            
											            "show": false,
											            "lineStyle": {
											                
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [
											        {
											            name: '7月',
											            
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str5/*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
											myChart004.setOption(option004);
			});
			
			//小业务 发展（户） qdqw_xyw_hz
				var url = BASE_API_URL+'qdqw_xyw_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    console.log(dataArray);
                    var str = new Array();
                    var str2 = new Array();
                    var data = new Array();
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].YPB);
                    	str.push(dataArray[i].SPCL);
                    	
                    	}else if(i==1){
                    		
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].YPB);
                    	str2.push(dataArray[i].SPCL);
                    	
                    	}
                    }
                    
                    
                    var myChart005 = echarts.init(document.getElementById('main005'));
			var option005 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: data,
											        
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": ["视频彩铃", "优品包"],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize":'9'
															
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            
											            "show": false,
											            "lineStyle": {
											                
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [{
											            name: data[0],
											            type: 'bar',
											            // 			silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
											                    
											                    color: '#417ff9',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#417ff9'
														            }
														},
											            "data":str /*[{
											                "value": 3
											            }, {
											                "value": 5
											            }, {
											                "value": 5
											            }, {
											                "value": 6
											            }, {
											                "value": 1
											            }, {
											                "value": 6
											            }]*/
											        },
											        {
											            name: data[1],
											            
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str2/*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
					myChart005.setOption(option005);
			
			});
                
  				
                
				mySelect.onchange = function () {
  				
	  				var text = mySelect.options[mySelect.selectedIndex].innerText;
		
	  				for (var i = 0;i< len;i++) {
	  				if(text==dataArray[i].DEPTNM){
	  					var DEPTID = dataArray[i].DEPTID
	  				}
  				}
  				
  				// 基于准备好的dom，初始化echarts实例
				//横向
				//qdqw_chnl_point_detail 渠道名称
                var url = BASE_API_URL+'qdqw_chnl_point_detail?user_id='+user_id+'&DEPTID='+DEPTID//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
					
                    var data = new Array();
                    var str  =  new Array();
                    var str2 = new Array();
                    var str3  =  new Array();
                    var str4 = new Array();
                    var str5 = new Array();
                    var str6 = new Array("yyyy-MM");
                    var html="";
                    var html2="";
                    var html3="";
                    var html4="";
                    
                    var DATA = new Date();
                    for (var i = 0;i< len;i++) {
                        if(i==0){
                            data.push(dataArray[i].CLNDRDT);
                            //dataArray[i].JFCOUNT总积分
                            str.push(dataArray[i].CDMAJF);//天翼发展积分
                            str.push(dataArray[i].KDJF);//宽带发展积分
                            str.push(dataArray[i].ITVJF);//TV发展积分
                            str.push(dataArray[i].ZNZWJF);//智能组网发展积分
                            str.push(dataArray[i].XYWJF);//小业务发展积分

                            str3.push(dataArray[i].BNXFJF);//包年续费积分
                            str3.push(dataArray[i].JZTS5G);//价值提升5G积分
                            str5.push(dataArray[i].ZSJF);//追溯积分
                            html+=
                                '<p class="span_1">'+dataArray[i].CLNDRDT+'总积分</p>'+
                                '<p class="span_2">'+dataArray[i].JFCOUNT+'</p>';
                            $('#section_2_2_1').html(html);
                        }else if(i==1){
                            data.push(dataArray[i].CLNDRDT);

                            str2.push(dataArray[i].CDMAJF);//天翼发展积分
                            str2.push(dataArray[i].KDJF);//宽带发展积分
                            str2.push(dataArray[i].ITVJF);//TV发展积分
                            str2.push(dataArray[i].ZNZWJF);//智能组网发展积分
                            str2.push(dataArray[i].XYWJF);//小业务发展积分

                            str4.push(dataArray[i].BNXFJF);//包年续费积分
                            str4.push(dataArray[i].JZTS5G);//价值提升5G积分
                            str6.push(dataArray[i].ZSJF);//追溯积分
                            html2+=
                                '<p class="span_1">'+dataArray[i].CLNDRDT+'总积分</p>'+
                                '<p class="span_2">'+dataArray[i].JFCOUNT+'</p>';
                            $('#section_2_2_2').html(html2);

                            html5='<p id="p_1">'+dataArray[i].AREANM+'：您本月积分<span id="f1">'+dataArray[i].JFCOUNT+'</span>分，战胜全区<span id="QD">'+dataArray[i].PH+'</span>个渠道</p>';
                            $('#p_1').html(html5);
                        }

                    }


			var myChart01 = echarts.init(document.getElementById('main01'));
			var option01 = {
			    title: {
			        /*text: '产品进度表',*/
			        // link:'https://docs.qq.com/sheet/DUkhwZ1hqakxkZmt2?c=P9A0A0',
			        show: true,
			        left: 'center',
			        textStyle: {
			            color: '5588dd'
			        }
			    },
			    legend: {
			        y: 'top',
			        x: 'right',
			        data: data
			
			    },
			    grid: {
			        containLabel: true,
			        left: 0,
			        top: 20,
			        bottom: 0,
			    },
			    xAxis: {
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            show: false
			        },
			        splitLine: {
			            show: false
			        },
			        axisTick: {
			            show: false
			        }
			        // data:{},
			    },
			
			    yAxis: {
			        axisTick: {
			            show: false
			        },
			        splitNumber: 2,
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            "textStyle": {
			                "color": "black",
			                "fontSize": "9"
			            },
			            margin: 10
			        },
			
			        data: ['小业务发展积分', '智能组网发展积分', '电视发展积分', '宽带发展积分', '天翼发展积分']
			
			    },
			    series: [{
			            name: data[0],
			            type: 'bar',
			            stack: 'test1',
			            barWidth: '10',
			            barCategoryGap: '80%',
			            label: {
			                normal: {
			                    show: true,
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方2
			            itemStyle: {
			                normal: {
			                    fontSize: 26,
			                    color: '#33a3f2',
			                    barBorderRadius: [0, 30, 30, 0]
			                }
			            },
			            data: str.reverse()
			        },
			        {
			            name: data[1],
			            type: 'bar',
			            // stack: 'test2',
			            barWidth: '10',
			            barGap: '50%',
			            label: {
			                normal: {
			                    show: true,
			                    // fontSize:'20',
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方3
			            itemStyle: {
			                normal: {
			                    color: '#fad242',
			                    barBorderRadius: [0, 30, 30, 0]
			                }
			            },
			            data: str2.reverse()/*[
			                55,
			                65,
			                40,
			                50,
			                18,
			            ]*/
			        }
			    ]
			}
			myChart01.setOption(option01);
			
			var myChart02 = echarts.init(document.getElementById('main02'));
			var option02 = {
			    title: {
			        /*text: '产品进度表',*/
			        // link:'https://docs.qq.com/sheet/DUkhwZ1hqakxkZmt2?c=P9A0A0',
			        show:true,
			        left: 'center',
			        textStyle:{
			            color:'5588dd'
			        }
			    },
			    legend: {
			        y: 'top',
			        x:'right',
			        data: data 
			 
			    },
			    grid: {
			        containLabel: true,
			        left: 0,
			        top:20,
					bottom:0,
			    },
			    xAxis: {
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            show: false,
			        },
			         splitLine: {
			            show: false
			        },
			        axisTick:{
			            show: false
			        }
			        // data:{},
			    },
			 
			    yAxis: {
			        axisTick:{
			            show: false
			        },
			        splitNumber:2,
			        axisLine: {
			            show: false,
			        },
					axisLabel: {
					    "textStyle": {
					        "color": "black",
					        "fontSize": "9"
					    },
					    margin: 20
					},
			        data: ['价值提升积分', '包年续费积分']

			    },
			    series: [
			        {
			            name: data[0],
			            type: 'bar',
			            stack: 'test1',
			            barWidth:'10',
			            barCategoryGap:'80%',
			            label:{
			                normal: {
			                    show: true,
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方2
			            itemStyle: {
			                normal: {
			                    color: '#33a3f2',
			                    barBorderRadius: [0,30,30,0]
			                }
			            },
			            data: str3.reverse() /*[
			               20,
			                40,
			               60,
			               10,
			                50,
			            ]*/
			        },
			        {
			            name: data[1],
			            type: 'bar',
			            // stack: 'test2',
			            barWidth:'10',
			            barGap:'50%',
			            label:{
			                normal: {
			                    show: true,
			                    // fontSize:'20',
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方3
			            itemStyle: {
			                normal: {
			                    color: '#fad242',
			                    barBorderRadius: [0,30,30,0]
			                }
			            },
			            data:str4.reverse() /*[
			                55,
			                52,
			               40,
			                50,
			                18,
			            ]*/
			        }
			    ]
			}
			
			myChart02.setOption(option02);
			
			var myChart03 = echarts.init(document.getElementById('main03'));
			var option03 = {
			    title: {
			        /*text: '产品进度表',*/
			        // link:'https://docs.qq.com/sheet/DUkhwZ1hqakxkZmt2?c=P9A0A0',
			        show:true,
			        left: 'center',
			        textStyle:{
			            color:'5588dd'
			        }
			    },
			    legend: {
			        y: 'top',
			        x:'right',
			        data: data/*['6月', '7月'] */
			 
			    },
			    grid: {
			        containLabel: true,
			        left: 0,
			        top:20,
					bottom:0,
			    },
			    xAxis: {
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            show: false,
			        },
			         splitLine: {
			            show: false
			        },
			        axisTick:{
			            show: false
			        }
			        // data:{},
			    },
			 
			    yAxis: {
			        axisTick:{
			            show: false
			        },
			        splitNumber:2,
			        axisLine: {
			            //y轴
			            show: false,
			        },
					axisLabel: {
					    "textStyle": {
					        "color": "black",
					        "fontSize": "9"
					    },
					    margin: 20
					},
			        data: ['追溯积分']
			 
			    },
			    series: [
			        {
			            name: data[0],
			            type: 'bar',
			            stack: 'test1',
			            barWidth:'10',
			            barCategoryGap:'80%',
			            label:{
			                normal: {
			                    show: true,
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方2
			            itemStyle: {
			                normal: {
			                    color: '#33a3f2',
			                    barBorderRadius: [0,30,30,0]
			                }
			            },
			            data: str5
			        },
			        {
			            name: data[1],
			            type: 'bar',
			            // stack: 'test2',
			            barWidth:'10',
			            barGap:'50%',
			            label:{
			                normal: {
			                    show: true,
			                    // fontSize:'20',
			                    position: "right",
			                    color: '#666',
			                }
			            },
			            //修改地方3
			            itemStyle: {
			                normal: {
			                    color: '#fad242',
			                    barBorderRadius: [0,30,30,0]
			                }
			            },
			            data: str6/*[
			               
			                18,
			            ]*/
			        }
			    ]
			}
			
			myChart03.setOption(option03);
			
			});
			
			var url = BASE_API_URL+'qdqw_pd_list?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    console.log(dataArray);
                    var str = new Array();
                    var str2 = new Array();
                    var data = new Array();
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].CDMAXZ);
                    	str.push(dataArray[i].KDXZ);
                    	str.push(dataArray[i].ITVXZ);
                    	}else if(i==1){
                    		
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].CDMAXZ);
                    	str2.push(dataArray[i].KDXZ);
                    	str2.push(dataArray[i].ITVXZ);
                    	}
                    }
           console.log("+++++++++++++"+str);
           
           
           
           //直角
		       var myChart = echarts.init(document.getElementById('main'));
			var option ={
								// backgroundColor: 'RGB(f,f,f)',
								color: ['RGB(79,109,237)', "RGB(244,144,33)"],
								title: {
							// 		text: '广州市天河区历年高考数学难点分析',
									top: 21,
									left: '21',
									textStyle: {
										fontSize: 20,
										color: '#ffffff'
									}
								},
								animation: true,
								"grid": {
									"top": "67",
									"left": "32",
									"bottom": "15",
									"right": "39",
									"containLabel": true
								},
								"legend":{
									"show":true,
									top: 15,
									right: 26,
									data:data/*['6月','7月']*/,
									textStyle:{
										color: "RGB(0,0,0)"
									}
								},
								"xAxis": [{
									"type": "category",
									"data": ["天翼新增", "宽带新增","ITV新增"],
									"axisTick": {
										"alignWithLabel": true
									},
									"nameTextStyle": {
										"color": "#fff"
									},
									"axisLine": {
										"lineStyle": {
											"color": "RGB(47,68,114)"
										}
									},
									"axisLabel": {
										"textStyle": {
											"color": "black",
											
											"fontSize": "9"
											 
										},
										margin: 20
									}
								}],
								"yAxis": [{
									"show":false,
									"type": "value",
									"axisLabel": {
									    "show":false,
										"textStyle": {
											"color": "white"
										},
										"formatter": "{value}"
									},
									"splitLine": {
										"lineStyle": {
											"type": "dashed",
											"color": "RGB(47,68,114)"
										}
									},
									"axisLine": {
										"show": false,
										 "lineStyle": {
											"color": "RGB(47,68,114)"
										}
									}
								}],
								"series": [{
										name:data[0],
										type: 'bar',
							// 			silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#4f6ded'
										            }
										},
										
										//barGap: '-100%', // Make series be overlap
										"data":str /*[{
											"value": 3
										}, {
											"value": 5
										},{
											"value": 5
										}, {
											"value": 6
										},{
											"value": 1
										}, {
											"value": 6
										}]*/
									},
									{
										name:data[1],
										type: 'bar',
										//silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#f49021'
										            }
										},
										//barGap: '-100%', // Make series be overlap
										"data": str2/*[{
											"value": 5
										}, {
											"value": 2
										},{
											"value": 3
										}, {
											"value": 2
										},{
											"value": 6
										}, {
											"value": 3
										}]*/
									}
								]
							}
           myChart.setOption(option);
           });
           
           //qdqw_pd_tc_list
            	var url = BASE_API_URL+'qdqw_pd_tc_list?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    
                    var str = new Array();
                    var str2 = new Array();
                    var data = new Array();
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].RHCXZK);
                    	str.push(dataArray[i].DZZK);
                    	str.push(dataArray[i].RHKD);
                    	str.push(dataArray[i].DCPKD);
                    	}else if(i==1){
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].RHCXZK);
                    	str2.push(dataArray[i].DZZK);
                    	str2.push(dataArray[i].RHKD);
                    	str2.push(dataArray[i].DCPKD);
                    	console.log("融合畅享主卡新增"+dataArray[i].DCPKD);
                    	}
                    }
                    
                    var myChart2 = echarts.init(document.getElementById('main2'));
					var option2 ={
							// 	backgroundColor: 'RGB(f,f,f)',
								color: ['RGB(79,109,237)', "RGB(244,144,33)"],
								title: {
							// 		text: '广州市天河区历年高考数学难点分析',
									top: 21,
									left: '21',
									textStyle: {
										fontSize: 20,
										color: '#ffffff'
									}
								},
								animation: true,
								"grid": {
									"top": "67",
									"left": "32",
									"bottom": "15",
									"right": "39",
									"containLabel": true
								},
								"legend":{
									"show":false,
									top: 15,
									right: 26,
									data:data,
									textStyle:{
										color: "RGB(193,223,255)"
									}
								},
								"xAxis": [{
									"type": "category",
									"data": ["融合畅享主卡", "低值主卡","融合宽带","单宽带"],
									"axisTick": {
										"alignWithLabel": true
									},
									"nameTextStyle": {
										"color": "#555"
									},
									"axisLine": {
										"lineStyle": {
											"color": "RGB(100,68,114)"
										}
									},
									"axisLabel": {
										"textStyle": {
											"color": "black",
											"fontSize": "8"
										},
										margin: 20
									}
								}],
								"yAxis": [{
									"show":false,
									"type": "value",
									"axisLabel": {
									    "show":false,
										"textStyle": {
											"color": "white"
										},
										"formatter": "{value}"
									},
									"splitLine": {
										"lineStyle": {
											"type": "dashed",
											"color": "RGB(100,200,114)"
										}
									},
									"axisLine": {
										"show": false,
										 "lineStyle": {
											"color": "RGB(47,68,114)"
										}
									}
								}],
								"series": [{
										name:data[0],
										type: 'bar',
							// 			silent: true,
										"barWidth": "20",
										//barGap: '-100%', // Make series be overlap
										"data":str /*[{
											"value": 3
										}, {
											"value": 4
										},{
											"value": 5
										}, {
											"value": 3
										},{
											"value": 1
										}, {
											"value": 6
										}]*/
									},
									{
										name:data[1],
										type: 'bar',
										//silent: true,
										"barWidth": "20",
										//barGap: '-100%', // Make series be overlap
										"data": str2/*[{
											"value": 4
										}, {
											"value": 2
										},{
											"value": 3
										}, {
											"value": 2
										},{
											"value": 6
										}, {
											"value": 3
										}]*/
									}
								]
							};
							myChart2.setOption(option2);
                    });
			
			
			var url = BASE_API_URL+'qdqw_5G_dev_list?user_id='+user_id+'&DEPTID='+DEPTID;
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    var str = new Array();
                    var str2 = new Array();
                    var data = new Array();
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].XZ5GMONTHLY);
                    	str.push(dataArray[i].QZ5GNEW);
                    	str.push(dataArray[i].QZ5GOLD);
                    	}else if(i==1){
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].XZ5GMONTHLY);
                    	str2.push(dataArray[i].QZ5GNEW);
                    	str2.push(dataArray[i].QZ5GOLD);
                    	}
                    }
			
			var myChart3 = echarts.init(document.getElementById('main3'));
			var option3 ={
								// backgroundColor: 'RGB(f,f,f)',
								color: ['RGB(79,109,237)', "RGB(244,144,33)"],
								title: {
							// 		text: '广州市天河区历年高考数学难点分析',
									top: 21,
									left: '21',
									textStyle: {
										fontSize: 20,
										color: '#ffffff'
									}
								},
								animation: true,
								"grid": {
									"top": "67",
									"left": "32",
									"bottom": "15",
									"right": "39",
									"containLabel": true
								},
								"legend":{
									"show":true,
									top: 15,
									right: 26,
									data:data,
									textStyle:{
										color: "RGB(0,0,0)"
									}
								},
								"xAxis": [{
									"type": "category",
									"data": ["5G套餐", "其中：新装5G","其中：存量5G"],
									"axisTick": {
										"alignWithLabel": true
									},
									"nameTextStyle": {
										"color": "#fff"
									},
									"axisLine": {
										"lineStyle": {
											"color": "RGB(47,68,114)"
										}
									},
									"axisLabel": {
										"textStyle": {
											"color": "black",
											"fontSize": "9"
										},
										margin: 20
									}
								}],
								"yAxis": [{
									"show":false,
									"type": "value",
									"axisLabel": {
									    "show":false,
										"textStyle": {
											"color": "white"
										},
										"formatter": "{value}"
									},
									"splitLine": {
										"lineStyle": {
											"type": "dashed",
											"color": "RGB(47,68,114)"
										}
									},
									"axisLine": {
										"show": false,
										 "lineStyle": {
											"color": "RGB(47,68,114)"
										}
									}
								}],
								"series": [{
										name:data[0],
										type: 'bar',
							// 			silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#4f6ded'
										            }
										},
										
										//barGap: '-100%', // Make series be overlap
										"data":str
									},
									{
										name:data[1],
										type: 'bar',
										//silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#f49021'
										            }
										},
										//barGap: '-100%', // Make series be overlap
										"data": str2
									}
								]
							};
			
			myChart3.setOption(option3);
			});
			
			
			//智慧家庭发展（户）qywx_zhjt_mon_hz
				var url = BASE_API_URL+'qywx_zhjt_mon_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号

				webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    console.log(dataArray);
                    
                    
                    var data = new Array();
                    
                    for (var i = 0;i< len;i++) {
                    	
                    	if(i==0){
                    		var G = new Array();
						data.push(dataArray[i].CLNDRDT);	
                    	G.push(dataArray[i].ZJ);
                    	G.push(dataArray[i].TYKJ);
                    	G.push(dataArray[i].QFWIFI);
                    	console.log("橙"+G);
                    	}else if(i==1){
                    	var G2 = new Array();
                    	data.push(dataArray[i].CLNDRDT);
                    	G2.push(dataArray[i].ZJ);
                    	G2.push(dataArray[i].TYKJ);
                    	G2.push(dataArray[i].QFWIFI);
                    	console.log("橙"+G2);
                    	}
                    	
                    }
                    
                    var myChart4 = echarts.init(document.getElementById('main4'));
			var option4 ={
								// backgroundColor: 'RGB(f,f,f)',
								color: ['RGB(79,109,237)', "RGB(244,144,33)"],
								title: {
							// 		text: '广州市天河区历年高考数学难点分析',
									top: 21,
									left: '21',
									textStyle: {
										fontSize: 20,
										color: '#ffffff'
									}
								},
								animation: true,
								"grid": {
									"top": "67",
									"left": "32",
									"bottom": "15",
									"right": "39",
									"containLabel": true
								},
								"legend":{
									"show":true,
									top: 15,
									right: 26,
									data:data,
									textStyle:{
										color: "RGB(0,0,0)"
									}
								},
								"xAxis": [{
									"type": "category",
									"data": ["智慧家庭", "其中：天翼看家","其中：全屋WiFi"],
									"axisTick": {
										"alignWithLabel": true
									},
									"nameTextStyle": {
										"color": "#fff"
									},
									"axisLine": {
										"lineStyle": {
											"color": "RGB(47,68,114)"
										}
									},
									"axisLabel": {
										"textStyle": {
											"color": "black",
											"fontSize": "9"
										},
										margin: 20
									}
								}],
								"yAxis": [{
									"show":false,
									"type": "value",
									"axisLabel": {
									    "show":false,
										"textStyle": {
											"color": "white"
										},
										"formatter": "{value}"
									},
									"splitLine": {
										"lineStyle": {
											"type": "dashed",
											"color": "RGB(47,68,114)"
										}
									},
									"axisLine": {
										"show": false,
										 "lineStyle": {
											"color": "RGB(47,68,114)"
										}
									}
								}],
								"series": [{
										name:data[0],
										type: 'bar',
							// 			silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#4f6ded'
										            }
										},
										
										//barGap: '-100%', // Make series be overlap
										"data": G/*[{
											"value": 3
										}, {
											"value": 5
										},{
											"value": 5
										}, {
											"value": 6
										},{
											"value": 1
										}, {
											"value": 6
										}]*/
									},
									{
										name:data[1],
										type: 'bar',
										//silent: true,
										"barWidth": "20",
										label: {
										            show: true,
										            position: 'top',
										            textStyle: {
										                color: '#f49021'
										            }
										},
										//barGap: '-100%', // Make series be overlap
										"data":G2 /*[{
											"value": 5
										}, {
											"value": 2
										},{
											"value": 3
										}, {
											"value": 2
										},{
											"value": 6
										}, {
											"value": 3
										}]*/
									}
								]
							};
			myChart4.setOption(option4);
			});
			
			
			 //门店销售组织情况 qdqw_qdtg_hz
                var url = BASE_API_URL+'qdqw_qdtg_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;

                    
                    var str = new Array();
                    var str2 = new Array();
                    var str3 = new Array();
                    var str4 = new Array();
                    var str5 = new Array();
                    var html="";
                    var html1="";
                    var html2="";
                    var html3="";
                    var S="";
                    if(dataArray[0].FXH==0){
				        var S='否';
				    }else{
				        var S='是';
				    }
				    var S1="";
				    if(dataArray[0].PXH==0){
				        var S1='否';
				       
				    }else{
				        var S1='是';
				    }
                    for (var i = 0;i< len;i++) {
                    	
                    	str5.push(dataArray[i].YYHDRJTSL);//邀约活动日均提升率
                    	str5.push(dataArray[i].YYHDQQRJTSL);//邀约活动全区日均提升率
                    	str.push(dataArray[i].YXZHS);//有效智呼数
                    	str2.push(dataArray[i].YXZHWCL);//有效智呼完成率
                    	str.push(dataArray[i].QYWXLJS);//企业微信连接数
                    	str2.push(dataArray[i].QYWXLJWCL);//企业微信连接率
                    	str3.push(dataArray[i].DXXDDDL);//电信小店订单量
                    	str3.push(dataArray[i].DXXDDDLMB);
                    	str4.push(dataArray[i].DXXDFXS);//电信小店分享数
                    	str4.push(dataArray[i].DXXDFXSMB);
                    	
                    	html+='<tr>'+
                    	'<td>厅店环境扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].HJKF+'</td>'+
                    	'<td>是否参加政策培训会</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+S1+'</td>'+
                    	'</tr>'+
                    	'<tr>'+
                    	'<td>业务规范扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].YWGFKF+'</td>'+
                    	'<td>终端上柜扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].ZDSGKF+'</td>'+
                    	'</tr>'+
                    	'<tr>'+
                    	'<td>服务规范扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].FWGFKF+'</td>'+
                    	'<td>5G专柜扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].ZGKF5G+'</td>'+
                    	'</tr>'+
                    	'<tr>'+
                    	'<td>是否参加收益分析会</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+S+'</td>'+
                    	'<td>智家体验区扣分</td>'+
                    	'<td style="text-align: right;background-color: #c3e0e9;">'+dataArray[i].ZJTYQKF+'</td>'
                    	'</tr>';
                 
                    }
                    html1=
                    	'<span>'+dataArray[0].YYYBZRS+'</span>';
       					html2=
                    	'<span>'+dataArray[0].YYRS+'</span>';
                    	html3=
                    	'<span>'+dataArray[0].JNKSCJHGS+'</span>';
                    	html4=
                    	'<span>'+dataArray[0].XXDBS+'</span>';
                     $('#StoreForm').html(html); 
           				$('#s1').html(html1); 
           				$('#s2').html(html2); 
                    $('#s3').html(html3);
                    $('#s4').html(html4);
                   
                   
				    var myChart5 = echarts.init(document.getElementById('main5'));
					var option5 ={
												// backgroundColor: 'RGB(f,f,f)',
												color: ['#1ac2a4', "#fac261"],
												title: {
											// 		text: '广州市天河区历年高考数学难点分析',
													top: 21,
													left: '21',
													textStyle: {
														fontSize: 20,
														color: '#ffffff'
													}
												},
												animation: true,
												"grid": {
													"top": "67",
													"left": "32",
													"bottom": "15",
													"right": "39",
													"containLabel": true
												},
												"legend":{
													"show":true,
													top: 15,
													right: 26,
													data:['当月目标','当月完成'],
													textStyle:{
														color: "RGB(0,0,0)"
													}
												},
												"xAxis": [{
													"type": "category",
													"data": ["有效智呼数", "企业微信连接数"],
													"axisTick": {
														"alignWithLabel": true
													},
													"nameTextStyle": {
														"color": "#fff"
													},
													"axisLine": {
														"lineStyle": {
															"color": "RGB(47,68,114)"
														}
													},
													"axisLabel": {
														"textStyle": {
															"color": "black",
															"fontSize": "9"
														},
														margin: 20
													}
												}],
												"yAxis": [{
													"show":false,
													"type": "value",
													"axisLabel": {
													    "show":false,
														"textStyle": {
															"color": "white"
														},
														"formatter": "{value}"
													},
													"splitLine": {
														"lineStyle": {
															"type": "dashed",
															"color": "RGB(47,68,114)"
														}
													},
													"axisLine": {
														"show": false,
														 "lineStyle": {
															"color": "RGB(47,68,114)"
														}
													}
												}],
												"series": [{
														name:'当月目标',
														type: 'bar',
											// 			silent: true,
														"barWidth": "20",
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#1ac2a4'
														            }
														},
														//barGap: '-100%', // Make series be overlap
														"data":str2 /*[{
															"value": 3
														}, {
															"value": 5
														},{
															"value": 5
														}, {
															"value": 6
														},{
															"value": 1
														}, {
															"value": 6
														}]*/
													},
													{
														name:'当月完成',
														type: 'bar',
														//silent: true,
														"barWidth": "20",
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fac261'
														            }
														},
														//barGap: '-100%', // Make series be overlap
														"data":str /*[{
															"value": 3
														}, {
															"value": 2
														},{
															"value": 3
														}, {
															"value": 2
														},{
															"value": 6
														}, {
															"value": 3
														}]*/
													}
												]
											};
				            myChart5.setOption(option5); 
				            
				            var myChart6 = echarts.init(document.getElementById('main6'));
							var option6 ={
												// backgroundColor: 'RGB(f,f,f)',
												color: ['#1ac2a4', "#fac261"],
												title: {
											// 		text: '广州市天河区历年高考数学难点分析',
													top: 21,
													left: '21',
													textStyle: {
														fontSize: 20,
														color: '#ffffff'
													}
												},
												animation: true,
												"grid": {
													"top": "67",
													"left": "32",
													"bottom": "15",
													"right": "39",
													"containLabel": true
												},
												"legend":{
													"show":true,
													top: 15,
													right: 26,
													data:['当月目标','当月完成'],
													textStyle:{
														color: "RGB(0,0,0)"
													}
												},
												"xAxis": [{
													"type": "category",
													"data": ["小店分享量", "小店订单量"],
													"axisTick": {
														"alignWithLabel": true
													},
													"nameTextStyle": {
														"color": "#fff"
													},
													"axisLine": {
														"lineStyle": {
															"color": "RGB(47,68,114)"
														}
													},
													"axisLabel": {
														"textStyle": {
															"color": "black",
															"fontSize": "9"
														},
														margin: 20
													}
												}],
												"yAxis": [{
													"show":false,
													"type": "value",
													"axisLabel": {
													    "show":false,
														"textStyle": {
															"color": "white"
														},
														"formatter": "{value}"
													},
													"splitLine": {
														"lineStyle": {
															"type": "dashed",
															"color": "RGB(47,68,114)"
														}
													},
													"axisLine": {
														"show": false,
														 "lineStyle": {
															"color": "RGB(47,68,114)"
														}
													}
												}],
												"series": [{
														name:'当月目标',
														type: 'bar',
											// 			silent: true,
														"barWidth": "20",
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#1ac2a4'
														            }
														},
														//barGap: '-100%', // Make series be overlap
														"data": str3/*[{
															"value": 3
														}, {
															"value": 5
														},{
															"value": 5
														}, {
															"value": 6
														},{
															"value": 1
														}, {
															"value": 6
														}]*/
													},
													{
														name:'当月完成',
														type: 'bar',
														//silent: true,
														"barWidth": "20",
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fac261'
														            }
														},
														
														//barGap: '-100%', // Make series be overlap
														"data": str4/*[{
															"value": 3
														}, {
															"value": 2
														},{
															"value": 3
														}, {
															"value": 2
														},{
															"value": 6
														}, {
															"value": 3
														}]*/
													}
												]
											};
											myChart6.setOption(option6);
											
			var myChart7 = echarts.init(document.getElementById('main7'));
			var option7 = {
						    title: {
						        text: '外场活动提升率',
						        top: 0,
						        left: 'center',
						        textStyle: {
						            fontSize: 12,
						            color: '#333333'
						        }
						    },
						    color: ['#1ac2a4'],
						    backgroundColor: '#fff',
						    grid: {
						        top: '15%',
						        right: '10%',
						        left: '10%',
						        bottom: '20%'
						    },
						    xAxis: [{
						        type: 'category',
						        color: '#59588D',
						        data: ['门店', '全区'],
						        axisLabel: {
						            margin: 20,
						            color: '#999',
						            textStyle: {
						                fontSize: 20
						            },
						        },
						        axisLine: {
						            lineStyle: {
						                color: 'rgba(107,107,107,0.37)',
						            }
						        },
						        axisTick: {
						            show: false
						        },
								axisLabel: {
									textStyle: {
									    
										color: "black",
										fontSize: 12
									},
									margin: 20
								},
								
						    }],
						    yAxis: [{
						        axisLabel: {
						            'show': false,
						            formatter: '{value}%',
						            color: '#999',
						            textStyle: {
						                fontSize: 18
						            },
						        },
						        axisLine: {
						            'show': false,
						            lineStyle: {
						                color: 'rgba(107,107,107,0.37)',
						            }
						        },
						        axisTick: {
						            show: false
						        },
						        splitLine: {
						            'show': false,
						            lineStyle: {
						                color: '#bac7cb',
						                type: 'dashed',
						            }
						        }
						    }],
						    series: [{
						            type: 'bar',
						            data: str5,
						            barWidth: '40px',
						            itemStyle: {
						                normal: {
						
						                    // barBorderRadius: [30, 30, 0, 0]
						                },
						            },
						            label: {
						                normal: {
						                    show: false,
						                    fontSize: 18,
						                    fontWeight: 'bold',
						                    color: '#333',
						                    position: 'top',
						                }
						            }
						        }
						        // ,{
						        //     data: [48, 40, 10, -6],
						        //     type: 'line',
						        //     smooth: true,
						        //     name: '折线图',
						        //     symbol: 'none',
						        //     lineStyle: {
						        //         color: '#3275FB',
						        //         width: 4,
						        //         shadowColor: 'rgba(0, 0, 0, 0.3)',//设置折线阴影
						        //         shadowBlur: 15,
						        //         shadowOffsetY: 20,
						        //     }
						        // }
						    ]
						};
						myChart7.setOption(option7);
                });    
                
                var url = BASE_API_URL+'qdqw_5Gzd_percent_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    
                    
                    
                    var data = new Array();
                    
                    
                    for (var i = 0;i< len;i++) {
					
                    	if(i==0){
                    	var str = new Array();
                    	
                    	
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push((dataArray[i].ZD5GPERCENT).toFixed(2)*100);
                    	str.push((dataArray[i].TCZD5GPERCENT).toFixed(2)*100);

                    	}else if(i==1){
                    	var str2 = new Array();
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push((dataArray[i].ZD5GPERCENT).toFixed(2)*100);
                    	str2.push((dataArray[i].TCZD5GPERCENT).toFixed(2)*100);

                    	}
                    }
			
			
			//圆弧
			var myChart001 = echarts.init(document.getElementById('main001'));
			var option001 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: data,
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": ["5G终端占比%", "5G终端5G套餐匹配率%"],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize": "9"
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            "show": false,
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [{
											            name: data[0],
											            type: 'bar',
											            // 			silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
																// show: true,
											                    color: '#417ff9',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#417ff9'
														            }
														},
											            "data": str
											        },
											        {
											            name: data[1],
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str2 /*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
			myChart001.setOption(option001);
			}); 
			
			//橙分期发展户
                var url = BASE_API_URL+'qdqw_cfq_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
				
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    
                    var str = new Array();
                    var str2 = new Array();
                    
                    
                    var str5 = new Array();
                    var data = new Array();
                    
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    		var str3 = new Array();
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].RHCFQ);
                    	str.push(dataArray[i].DCPCFQ);
                    	str3.push((dataArray[i].RHJZL).toFixed(2)*100);
                    	str3.push((dataArray[i].DCPJZL).toFixed(2)*100);
                    	str5.push((dataArray[i].CFQ5GZB).toFixed(2)*100);
                    	console.log("11111111===="+dataArray[i].RHJZL);
                    	}else if(i==1){
                    		var str4 = new Array();
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].RHCFQ);
                    	str2.push(dataArray[i].DCPCFQ);
                    	str4.push((dataArray[i].RHJZL).toFixed(2)*100);
                    	str4.push((dataArray[i].DCPJZL).toFixed(2)*100);
                    	str5.push((dataArray[i].CFQ5GZB).toFixed(2)*100);
                    	
                    	}
                    }
                    
                    var myChart002 = echarts.init(document.getElementById('main002'));
			var option002 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: data,
											        
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": ["融合橙分期", "单产品橙分期"],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize": "9"
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            
											            "show": false,
											            "lineStyle": {
											                
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [{
											            name: data[0],
											            type: 'bar',
											            // 			silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
											                    
											                    color: '#417ff9',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#417ff9'
														            }
														},
											            "data": str/*[{
											                "value": 3
											            }, {
											                "value": 5
											            }, {
											                "value": 5
											            }, {
											                "value": 6
											            }, {
											                "value": 1
											            }, {
											                "value": 6
											            }]*/
											        },
											        {
											            name: data[1],
											            
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str2/*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
			myChart002.setOption(option002);
			
			var myChart003 = echarts.init(document.getElementById('main003'));
			var option003 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: data,
											        
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": ["融合加载率%", "单产品加载率%"],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize": "9"
											            },
											            margin: 20
											        } 	
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            
											            "show": false,
											            "lineStyle": {
											                
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [{
											            name: data[0],
											            type: 'bar',
											            // 			silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
											                    
											                    color: '#417ff9',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#417ff9'
														            }
														},
											            "data": str3/*[{
											                "value": 3
											            }, {
											                "value": 5
											            }, {
											                "value": 5
											            }, {
											                "value": 6
											            }, {
											                "value": 1
											            }, {
											                "value": 6
											            }]*/
											        },
											        {
											            name: data[1],
											            
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str4/*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
				myChart003.setOption(option003);
				
				var myChart004 = echarts.init(document.getElementById('main004'));
			var option004 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: ['', ''],
											        
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": [data[0], data[1]],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize": "9"
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            
											            "show": false,
											            "lineStyle": {
											                
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [
											        {
											            name: '7月',
											            
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str5/*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
											myChart004.setOption(option004);
			});
			
			//小业务 发展（户） qdqw_xyw_hz
				var url = BASE_API_URL+'qdqw_xyw_hz?user_id='+user_id+'&DEPTID='+DEPTID;//+userId;获取用户信息，只要手机号
                //渲染echarts图
                webser.getJSON(url,function(data) {
                    var dataArray = data.result;
                    var len = Object.keys(dataArray).length;
                    
                    console.log(dataArray);
                    var str = new Array();
                    var str2 = new Array();
                    var data = new Array();
                    for (var i = 0;i< len;i++) {

                    	if(i==0){
                    	data.push(dataArray[i].CLNDRDT);
                    	str.push(dataArray[i].YPB);
                    	str.push(dataArray[i].SPCL);
                    	
                    	}else if(i==1){
                    		
                    	data.push(dataArray[i].CLNDRDT);
                    	str2.push(dataArray[i].YPB);
                    	str2.push(dataArray[i].SPCL);
                    	
                    	}
                    }
                    
                    
                    var myChart005 = echarts.init(document.getElementById('main005'));
			var option005 = {
											    // backgroundColor: 'RGB(f,f,f)',
											    color: ['RGB(79,109,237)', "RGB(244,144,33)"],
											    title: {
											        // 		text: '广州市天河区历年高考数学难点分析',
											        top: 21,
											        left: '21',
											        textStyle: {
											            fontSize: 20,
											            color: '#ffffff'
											        }
											    },
											    animation: true,
											    "grid": {
											        "top": "67",
											        "left": "32",
											        "bottom": "15",
											        "right": "39",
											        
											        "containLabel": true
											    },
											    "legend": {
											        "show": true,
											        top: 15,
											        right: 26,
											        data: data,
											        
											        textStyle: {
											            color: "RGB(0,0,0)"
											        }
											    },
											    "xAxis": [{
											        "type": "category",
											        "data": ["视频彩铃", "优品包"],
											        "axisTick": {
											            "alignWithLabel": true
											        },
											        "nameTextStyle": {
											            "color": "#fff"
											        },
											        "axisLine": {
											            "lineStyle": {
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLabel": {
											            "textStyle": {
											                "color": "black",
															"fontSize":'9'
															
											            },
											            margin: 20
											        }
											    }],
											    "yAxis": [{
											        "show": false,
											        "type": "value",
											        "axisLabel": {
											            "show": false,
											            "textStyle": {
											                "color": "white"
											            },
											            "formatter": "{value}"
											        },
											        "splitLine": {
											            "lineStyle": {
											                "type": "dashed",
											                "color": "RGB(47,68,114)"
											            }
											        },
											        "axisLine": {
											            
											            "show": false,
											            "lineStyle": {
											                
											                "color": "RGB(47,68,114)"
											            }
											        }
											    }],
											    "series": [{
											            name: data[0],
											            type: 'bar',
											            // 			silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                normal: {
											                    
											                    color: '#417ff9',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#417ff9'
														            }
														},
											            "data":str /*[{
											                "value": 3
											            }, {
											                "value": 5
											            }, {
											                "value": 5
											            }, {
											                "value": 6
											            }, {
											                "value": 1
											            }, {
											                "value": 6
											            }]*/
											        },
											        {
											            name: data[1],
											            
											            type: 'bar',
											            //silent: true,
											            "barWidth": "20",
											            //barGap: '-100%', // Make series be overlap
											            itemStyle: {
											                
											                normal: {
											                    color: '#fa6161',
											                    barBorderRadius: [30, 30, 30, 30]
											                }
											            },
														label: {
														            show: true,
														            position: 'top',
														            textStyle: {
														                color: '#fa6161'
														            }
														},
											            "data": str2/*[{
											                "value": 5
											            }, {
											                "value": 2
											            }, {
											                "value": 3
											            }, {
											                "value": 2
											            }, {
											                "value": 6
											            }, {
											                "value": 3
											            }]*/
											        }
											    ]
											};
					myChart005.setOption(option005);
			
			});
			
			}
			
			});
		    
			
			
			
			
			
			
			//上下
			
			
		       // 使用刚指定的配置项和数据显示图表。
			
			
			
			
		       
			
			
			
			
			
			
			
			

			
			
			
			
			function dateFormat(fmt, date) {
    let ret;
    const opt = {
        "Y+": date.getFullYear().toString(),        // 年
        "m+": (date.getMonth() + 1).toString(),     // 月
        "d+": date.getDate().toString(),            // 日
        "H+": date.getHours().toString(),           // 时
        "M+": date.getMinutes().toString(),         // 分
        "S+": date.getSeconds().toString()          // 秒
        // 有其他格式化字符需求可以继续添加，必须转化成字符串
    };
    for (let k in opt) {
        ret = new RegExp("(" + k + ")").exec(fmt);
        if (ret) {
            fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
        };
    };
    return fmt;
}
		    </script>
		
	</body>
</html>
